$(function () {
    //启用、禁用切换
    $('table tbody').on('click', '.status-btn', function () {
        if ($(this).hasClass('btn-use')) {
            $(this).removeClass('btn-use').addClass('btn-nouse');
            $(this).html('<i class="fa fa-ban"></i> 禁用');
        } else {
            $(this).removeClass('btn-nouse').addClass('btn-use');
            $(this).html('<i class="fa fa-check-square-o"></i> 启用');
        }
    })

    //辅导费种类编辑
    $('.add-table').on('click', ".btn", function () {
        var tds = $(this).parent().prev().prevAll();
        if ($(this).hasClass('edit')) {
            tds.each(function (index, element) {
                var data = $(element).html();
                $(element).html('<input class="form-control" type="text" value="' + data + '">');
            });
            $(this).removeClass('btn-info edit').addClass('btn-success save').html('<i class="fa fa-save"></i>保存');
            $(this).next().removeClass('btn-danger delete').addClass('btn-warning cancel').html('<i class="fa fa-times"></i>取消');
        } else if ($(this).hasClass('save')) {
            tds.each(function (index, element) {
                $(element).html($(element).find('input').val());
            });
            $(this).html('<i class="fa fa-edit"></i>编辑');
            $(this).removeClass('btn-success save').addClass('btn-info edit');
            $(this).next().removeClass('btn-warning cancel').addClass('btn-danger delete').html('<i class="fa fa-trash-o"></i>删除');
        } else if ($(this).hasClass('cancel')) {
            tds.each(function (index, element) {
                $(element).html($(element).find('input').val());
            });
            $(this).html('<i class="fa fa-trash-o"></i>删除');
            $(this).removeClass('btn-warning cancel').addClass('btn-danger delete');
            $(this).prev().html('<i class="fa fa-edit"></i>编辑');
            $(this).prev().removeClass('btn-success').addClass('btn-info');
        }
        return false;
    });


    //辅导费种类删除
    $('.add-table').on('click', '.delete', function () {
        $(this).parent().parent().remove();
    });

    //辅导费种类添加
    $(".add-line").on("click", function () {
        var tds = $(this).parent().prev().prevAll();
        var td = $(this).parents("#profile11").find("tbody").find("tr td:last-child");
        var addtr = '<tr>'
            + '<td><input class="form-control" type="text" value=""></td>'
            + '<td><input class="form-control" type="text" value=""></td>'
            + '<td>'
            + '<a href="#" class="btn btn-xs status-btn btn-use"><i class="fa fa-check-square-o"></i> 启用</a>'
            + '</td>'
            + '<td>'
            + '<a href="#" class="btn btn-xs save btn-success"><i class="fa fa-save"></i>保存</a>'
            + '<a href="#" class="btn btn-xs btn-warning cancel-btn"><i class="fa fa-times"></i>取消</a>'
            + '</td>'
            + '</tr>';
        if ($('.add-table tbody tr .form-control').length == 0) {
            $('.add-table').find('tbody').prepend(addtr);
        }
        //取消
        $('.add-table tbody').on('click', '.cancel-btn', function () {
            $(this).parent().parent().remove();
        });
    })
})